.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
ul.clearfix li{float:left}

*{margin:0;padding:0;border:0;vertical-align:baseline}
*{box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-icab-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{overflow-y:scroll;overflow-x:hidden}
select{border:1px solid #dee1e3;font-size:12px;color:#333;line-height:12px}
ul{list-style:none}
ol{list-style:decimal inside}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none;cursor:pointer}
a:hover{text-decoration:none}
a:focus{outline:0}
span{color:inherit}
a img{vertical-align:middle}
label[for]{cursor:pointer}
i{
  font-style: normal;
}

body, html {
  height: 100%;
  background: #141e49;
}
body {
  overflow: hidden;
  color: #fff;
  font-family: "Microsoft Yahei";
  transform-origin: left top 0px;
}

.datavLayout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background: url('images/WechatIMG4.jpeg') center center no-repeat;
  background-size: 100% 100%;*/
}
.datavLayout > div{
  display: none;
}
.datavLayout .-datav-com {
  position: absolute !important;
  margin: 0 !important;
}
.inline-block{
	display: inline-block;
	vertical-align: middle;
}
.tip{
  position: absolute; 
  display: block; 
  border-style: solid; 
  white-space: nowrap; 
  z-index: 9999999; 
  background-color: rgba(89, 235, 232, 0.498039); 
  border-width: 0px; border-color: rgb(51, 51, 51); 
  border-radius: 4px; color: rgb(251, 243, 32); 
  font-style: normal; 
  font-variant: normal; 
  font-weight: normal; 
  font-stretch: normal;  
  font-family: sans-serif; 
  line-height: 26px; 
  padding: 5px; 
  left: 50%;
  top: 50%;
  transform: translate(-50%,0);
}
